<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登陆</title>
<meta name="keywords" content="注册" />
<meta name="description" content="注册" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<link href="<%=request.getContextPath()%>/res/css/zhuce.css" tppabs="http://www.jilongshan.net/templets/reezee/lib/style.css" rel="stylesheet" type="text/css" />

</head>

<body>
${ts}
<!--顶部通用开始-->
<div id="head">
		<div class="top">
		<div class="logo"><a href="index.html" ><img src="http://yst.zuanweisi.com/res/images/logo.png" alt="蜈蚣养殖网" /></a></div>
		<div class="logo_r">买松林土鸡就上918原生态！</div>
		<div class="tel">
			<span>来合肥    没听过我家鸡，白瞎了</span>
			<p>友情提示 ↑↑↑    </p>
		</div>
	</div>
</div>
<div class="login_body">
 <div class="login_con clearfix">
  
    <div class="login_bg">
       <div class="regist_tab">
       <ul>
         <li  id="fq1" class="curr" onClick="setTab('fq',1,2)">用户登录</li>
         <li id="fq2" onClick="setTab('fq',2,2)">用户注册</li>
       </ul>
       </div>
    <div class="login_form" id="con_fq_1" >
      <ul>
        <form id="form-denglu">
          <li>
            <label>账户名：</label>
            <input type="text" name="ystUsername" id="ystUsername" placeholder="邮箱/用户名/手机号"class="text" style="color: #999999"  />
          </li>
          <li>
            <label>密码：</label>
             <input type="password" name="ystPassword" id="ystPassword" class="text" value=""/>
             <p id="reg_tip" style="font-size: 12px; color: #c40000;"></p>
          </li>
            <li>
            <input type="checkbox" class="ck" checked="checked"/>
                           自动登录 <a href="findPwd.jsp">忘记密码？</a>
            </li>
 
           <li>
			 <input type="button" value="登陆" onclick="checkDenglu()" class="sbmint"/>
           </li>
           <li>
             <input type="hidden" name="ip" />
             <input type="hidden" name="url" value="" />
               <input type="hidden" name="type" value="1" />
           </li> 
        </form>
        <p style="text-align:right;">使用QQ登录<a href="connect_qq.do"><img style="width: 124px;height: 24px;" src="<%=request.getContextPath()%>/res/images/qq_login.gif" alt="QQ登录" /></a></p>
      </ul>
    </div>

    <div class="login_form" id="con_fq_2" style="display: none;" >
      <ul>
        <form action="UserRegister" method="post" onsubmit="return checkaddUser();">
          <li>
            <label>账户名：</label>
            <input type="text" name="userName" id="userName" placeholder="邮箱/用户名/手机号"class="text" style="color: #999999" onblur="getNameStatus(this.value);" />
			<p id="userName_tip" style="margin:0px;font-size: 12px; color: #ff0000;"></p> 
          </li>
          <li>
            <label>密码：</label>
             <input type="password" name="password" id="password" class="text" value="">
          </li>
           <li>
            <label>确认密码：</label>
            <input type="password" name="password2" id="password2" class="text" value="">
          </li>
		  <li id="emailText" style="display:none;">
            <label>Email:</label>
            <input type="text" name="email" id="email" class="text">
          </li>

           <li>
             <p id="reg_tip2" style="font-size: 12px; color: #c40000;"></p> 
			 <input type="submit" value="注  册" class="sbmint">
           </li>
           <li>
             <input type="hidden" name="addtime" />
             <input type="hidden" name="ip" />
           </li> 
        </form>
        <p style=" text-align:right;">我已注册,现在就 <a href="login.html" class="blue">登录</a></p>
      </ul>
    </div>
    </div>
     <div class="login_r">   <img src="http://yst.zuanweisi.com/res/images/login_bg.jpg" width="540px" height="460px"></div>
  </div>
    <script type="application/javascript" src="<%=request.getContextPath()%>/res/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/res/lib/layer/2.4/layer.js"></script>
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script type="text/javascript">
        $(function(){
            var tiao =window.location.href;
            if(tiao.indexOf("Userlogin")>0||tiao.indexOf("ts")>0){
                window.location.href="http://122.152.216.48/login.html";
            }
            $("[name=url]").val(getQueryString("url"));
            timeAndip();//记录信息

        });
        //获取url参数
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }
        //检测用户名是否存在
        function checkLoginName(loginName){
            var isExist = "N";
            $.ajax({
                url : "checkLoginName",
                data : {"username":  loginName},
                type : "post",
                async : false,
                success : function(data) {
                    isExist = data;
                },
                error : function() {
                    showError("系统错误，请与管理员联系！");
                }
            });
            return isExist;


        }
        function timeAndip(){
            var mydate = new Date();
            var time=mydate.getFullYear()+"-"+(mydate.getMonth()+1)+"-"+mydate.getDate();
            $("[name=addtime]").val(time);
            $("[name=ip]").val(returnCitySN["cip"]+" --"+returnCitySN["cname"]);
        }
        function getNameStatus(loginName){
            $("#reg_tip2").text("").removeClass("register-tip");
            var reg = /^1[3|4|5|7|8][0-9]\d{8,8}$/;
            if(reg.test(loginName))
            {
                //是手机号
                var isExist = checkLoginName(loginName);
                if(isExist=="Y"){
                    $("#userName_tip").text("该手机号已存在，请重新输入用户名或直接 登录！").css("color","#ff0000");

                }else{
                    $("#userName_tip").html("").removeClass("register-tip");
                    $("#userName_tip").text("该手机号可以注册！").css("color","#00ff00");
                    $("#emailText").show();
                    timeAndip();
                }
            }else{
                //是用户名
                var isExist = checkLoginName(loginName)
                if(isExist=="Y"){
                    $("#userName_tip").text("该用户名已存在，请重新输入用户名！").css("color","#ff0000");
                }else{
                    $("#userName_tip").html("").removeClass("register-tip");
                    if(loginName.indexOf("/")<0)
                        $("#userName_tip").text("该用户名可以注册！").css("color","#00ff00");
                    $("#emailText").show();
                    timeAndip();
                }
            }

        }

        /**
         * 会员登陆，校验
         */
        function checkDenglu() {
            // 检查必填项
            //alert("检查开始！")
            var loginName = $.trim($("#ystUsername").val());
            if (!loginName||loginName=='邮箱/用户名/手机号') {
                $("#reg_tip").text("请填写用户名").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip").text("").removeClass("register-tip");
            }

            var loginPassword = $.trim($("#ystPassword").val());

            if (!loginPassword) {
                $("#reg_tip").text("请填写密码").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip").text("").removeClass("register-tip");
            }

            /*
                var keyword = $.trim($("#rand").val());
                if (!keyword) {
                        $("#reg_tip").text("请填写验证码").addClass("register-tip");
                        return false;
                } else {
                        $("#reg_tip").text("").removeClass("register-tip");
                }

                // 检查验证码
                var isRightYzm = checkYzm(keyword);
                if (isRightYzm == "N") {
                    $("#reg_tip").text("验证码错误，请重试").addClass("register-tip");
                    return false;
                } else {
                    $("#reg_tip").text("").removeClass("register-tip");
                }
            */
            var data=JSON.stringify($('#form-denglu').serializeObject());
            $.ajax({
                url:"user/login.do",
                type:"POST",
                datatype:"JSON",
                data:data,
                contentType: 'application/json',
                success:function (result) {
                    if(result.result.state==1){
                        window.location.href=result.result.url;
                    }else if(result.result.state==0){
                        layer.msg(result.result.message, {icon: 2, time: 1000});
                    }
                },

            });
        }


        /**
         * 会员注册，校验
         */
        function checkaddUser() {
            $("#userName_tip").text("");
            var loginName = $.trim($("#userName").val());

            if (!loginName||loginName=="邮箱/用户名/手机号") {
                $("#reg_tip2").text("请填写用户名").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip2").text("").removeClass("register-tip");
            }

            var loginPassword = $.trim($("#password").val());

            if (!loginPassword) {
                $("#reg_tip2").text("请填写密码").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip2").text("").removeClass("register-tip");
            }

            var loginPassword2 = $.trim($("#password2").val());

            if (!loginPassword2) {
                $("#reg_tip2").text("请填写确认密码").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip2").text("").removeClass("register-tip");
            }
            if(loginPassword!=loginPassword2)
            {
                $("#reg_tip2").text("两次密码填写不一致").addClass("register-tip");
                return false;
            }else {
                $("#reg_tip2").text("").removeClass("register-tip");
            }

            //校验邮箱

            var loginEmail = $.trim($("#email").val());

            if  (!$("#codeText").is(":visible")){
                if(!loginEmail){
                    $("#reg_tip2").text("请填写邮箱").addClass("register-tip");
                    return false;
                }else{
                    $("#reg_tip2").text("").removeClass("register-tip");
                }


                var re3 = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
                if(!re3.test(loginEmail)){
                    $("#reg_tip2").text("邮箱格式不正确").addClass("register-tip");
                    return false;
                }else{
                    $("#reg_tip2").text("").removeClass("register-tip");
                }
            }
            /*
              var keyword = $.trim($("#rand").val());
              if (!keyword) {
                      $("#reg_tip2").text("请填写验证码").addClass("register-tip");
                      return false;
              } else {
                      $("#reg_tip2").text("").removeClass("register-tip");
              }

              var isRightYzm = checkYzm(keyword);
              if (isRightYzm == "N") {
                  $("#reg_tip2").text("验证码错误，请重试").addClass("register-tip");
                  return false;
              } else {
                  $("#reg_tip2").text("").removeClass("register-tip");
              }
              */

            // 校验用户名为2-20位字符，中文、英文、数字及“_”、“-”
            var re = /^[a-zA-Z0-9\u4E00-\u9FA5_@.-]*$/;
            var nameLength = loginName.length;
            if (!re.test(loginName) || nameLength < 2 || nameLength > 30) {
                $("#reg_tip2").text("请输入2-30位字符,中文,英文,数字及“_”的用户名");
                return false;
            } else {
                $("#reg_tip2").text("");
            }

            // 校验密码为6-16位英文、数字组成
            var re2 = /^[a-zA-Z0-9]{6,16}$/;

            if (!re2.test(loginPassword)) {
                $("#reg_tip2").text("密码为6-16位英文、数字组成").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip2").text("").removeClass("register-tip");
            }

            // 校验确认密码为6-16位英文、数字组成
            if (!re2.test(loginPassword2)) {
                $("#reg_tip2").text("密码为6-16位英文、数字组成").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip2").text("").removeClass("register-tip");
            }
            // 校验两次输入密码是否一致
            if (loginPassword != loginPassword2) {
                $("#reg_tip2").text("两次输入密码不一致").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip2").text("").removeClass("register-tip");
            }
            // 检查用户名是否存在
            var isExist = checkLoginName(loginName);
            if (isExist == "Y") {
                $("#reg_tip2").text("该用户名已存在").addClass("register-tip");
                return false;
            } else {
                $("#reg_tip2").text("").removeClass("register-tip");
            }
            return flag;

        }
        function setTab(name,cursel,n){
            for(i=1;i<=n;i++){
                var menu=document.getElementById(name+i);
                var con=document.getElementById("con_"+name+"_"+i);
                menu.className=i==cursel?"curr":"";
                con.style.display=i==cursel?"block":"none";
            }
        }

        function setTab2(name,cursel,n){
            for(var i=1;i<=n;i++){
                var menu=document.getElementById(name+i);
                if(i==cursel){
                    menu.className='selecte';
                }else{
                    menu.className='';
                }


            }
        }
    </script>
<%@ include file="footer.jsp" %>